<template>
  <div id="susBtnChange">
    <el-collapse v-model="activeNames1">
      <el-collapse-item title="内容样式" name="1"></el-collapse-item>
      <ul class="content-list">
        <li>
          <span>图片设置 :</span>
          <div>
            <div>
              <upLoadImage :v="styles" :height="50"></upLoadImage>
            </div>
          </div>
        </li>
        <li>
          <span>分享文字 :</span>
          <div>
            <el-input
              size="small"
              type="text"
              placeholder="请输入内容"
              v-model="styles.text"
              maxlength="30"
              show-word-limit
              style="width: 350px"
            />
          </div>
        </li>
      </ul>
    </el-collapse>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
import upLoadImage from "../../comm/upLoadImage";
export default {
  name: "susBtnChange",
  data() {
    return {
      activeNames1: "1",
    };
  },
  created() {
    console.log(this.styles, 999);
  },
  computed: {
    ...mapState(["attention", "currentId", "currentName"]),
    styles() {
      return this.attention[0].styles;
    },
  },
  components: {
    upLoadImage,
  },
};
</script>

<style lang='less' scoped>
@import url("../../../assets/css/base.less");
</style>
